﻿<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Element UI 扩展</title>
    <link href="./wwwroot/elementui/index.min.css" rel="stylesheet" />
    <style scoped>
    </style>
</head>
<body>
    <div id="main" v-cloak>
                <el-admin logo-src="./default-avatar.png"
        logo-title="MES管理系统"
        :menu-data="menuData"
        user-name="百里东君"
        user-avatar="./default-avatar.png"
        :show-breadcrumb="showBreadcrumb"
@*         :aside-style="aside"
        :header-style="header"
        :text-color="textColor" 
                  :active-text-color="activeTextColor"*@
                  :tagselect="tagselect"
        :show-tags="showTags"
        :handle-select="handleSelect"
        v-on:handle-edit-pass=""
        v-on:handle-logout="">

        <div slot="content">sssssss
        </div>
        </el-admin>
    </div>

    <script type="text/javascript" src="./wwwroot/vue/vue.js?v=2.0"></script>
    <script type="text/javascript" src="./wwwroot/vue/vue-i18n.min.js?v=2.0"></script>
    <script type="text/javascript" src="./wwwroot/elementui/index.min.js"></script> 
    <script type="text/javascript" src="./wwwroot/vue/axios.min.min.js"></script> 
    <script>
         var $taskVue = new Vue({
      el: "#main",
      created() {
          this.initdData(25);
      },
      methods: {
          handleClick(tab, event) {
              console.log(tab, event);
          },

          handleSelect(k, p) {
              console.log(1);
              console.log(k);
              console.log(p);

          },

          initdData(d) {
              for (var i = 0; i < d; i++) {
                  this.tabTags.push({ "title": `导航啊${i}`, "path": `/da${i}`, "icon": "el-icon-location" });
              }
          }
      },
      
      data() {
          return {
              isCollapse: false,
              breadcrumbList: [],
              tabTags:[],

              tagselect: 'danger',
              logoSrc: "./default-avatar.png",
              logoTitle: "MES管理系统",
              menuData: "menuData",
              userName: "百里东君",
              userAvatar: "./default-avatar.png",



              selectedTag: {},
              breadcrumbList: [],
              showBreadcrumb: true,
              showTags: true,


              // aside: "background-image: linear-gradient(#00BCFF, #00BCFF);",
              // header: "background-image: linear-gradient(to right,#D2F2F1, #D2F2F1);",
              // textColor:"#fff !important",
              // activeTextColor: "#333333 !important",
              // aside: "background-image: linear-gradient(#fefefe, #fefefe);border-right:1px solid #f1f1f1;",
              // header: "background-image: linear-gradient(to right,#FFF, #FFF);",
              // textColor: "#FFF",

              menuData: [
                  {
                      title: "导航1",
                      path: "/d1",
                      icon: "el-icon-menu",
                      submenu: [
                          {
                              title: "导航2",
                              path: "/d2",
                              icon: "el-icon-location",
                          }, {
                              title: "导航3",
                              path: "/d3",
                              icon: "el-icon-setting",
                          }]
                  },
                  {
                      title: "导航二",
                      path: "/dd1",
                      icon: "el-icon-menu",
                      submenu: [
                          {
                              title: "导航22",
                              path: "/dd2",
                              icon: "el-icon-document",
                          }, {
                              title: "导航33", path: "/dd3",
                              icon: "el-icon-setting",
                          }]
                  }
              ]

          }
      },
  });
    </script>

</body>
</html>